<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="三笑优品 DIY">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FUCK 360  -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <link rel="stylesheet" href="css/pure.min.css">
    <link rel="stylesheet" href="css/common.css">
<script src="js/vendor/jq.js"></script>
	<title>三笑优品-单品详情</title>
<link rel="stylesheet" href="css/product.css"></head>
<link rel="stylesheet" href="css/index.css"></head>
</head>
<body>
<iframe src="_head.html" scrolling="no" frameborder="0" style="height:200px;width:100%"></iframe>
<div class="commodity clearfix">
    <div class="body">
        <div class="body-wrap">
        <div class="show-img">
            <div class="show-img_base-img"><img src="img/三笑优品-单品页_03.png" alt=""></div>
        </div>
        <div class="product-detail">
            <h3 class="product-detail_title">三少 苹果 iphone5 5S 手机保护壳手机套 清水壳七彩壳 限量特价</h3>
            <div class="product-detail_tags">
                <span class="product-detail_tags_item first">一体注塑成型</span>
                <span class="product-detail_tags_item">限量特价</span>
            </div>
            <table class="product-detail_inventory">
                <tr>
                    <td>
                        <span class="product-detail_field">价格</span>
                    </td>
                    <td>
                        <div class="product-detail_price">
                            <span class="product-detail_price_unit">¥</span>
                            <span class="product-detail_price_value">18.00</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="product-detail_field">配送</span>
                    </td>
                    <td>
                        <div class="product-detail_address">
                            <span class="product-detail_address_start">福建福州</span>
                            至
                            <span class="product-detail_address_end">
                                <span class="product-detail_address_end_select">
                                    福州</span>▾
                            </span>
                            <span class="product-detail_express">
                                快递:
                                <span class="product-detail_express_value">0.00</span>
                            </span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="product-detail_field">月销量</span>
                    </td>
                    <td>
                        <div class="product-detail_sales">
                            <span class="product-detail_sales_value">8</span>件
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span class="product-detail_cut"></span></td>
                    <td> <span class="product-detail_cut"></span> </td>
                </tr>
                <tr>
                    <td>
                        <span class="product-detail_field">颜色分类</span>
                    </td>
                    <td>
                        <div class="product-detail_colors">
                            <span class="product-detail_colors_item">
                                <img src="img/三笑优品-单品页_06.png" alt=""></span>
                            <span class="product-detail_colors_item">
                                <img src="img/三笑优品-单品页_06.png" alt=""></span>
                            <span class="product-detail_colors_item">
                                <img src="img/三笑优品-单品页_06.png" alt=""></span>
                            <span class="product-detail_colors_item">
                                <img src="img/三笑优品-单品页_06.png" alt=""></span>
                            <span class="product-detail_colors_item">
                                <img src="img/三笑优品-单品页_06.png" alt=""></span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="product-detail_field">边分类</span>
                    </td>
                    <td>
                        <div class="product-detail_shell">
                            <span class="product-detail_shell_item seleted">磨砂清水壳</span>
                            <span class="product-detail_shell_item">磨砂清水壳</span>
                            <span class="product-detail_shell_item">磨砂清水壳</span>
                            <span class="product-detail_shell_item">磨砂清水壳</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="product-detail_field">数量</span>
                    </td>
                    <td>
                        <div class="product-detail_buy-num">
                            <input type="text" class="product-detail_buy-num_value">
                            <div class="product-detail_buy-num_controllers">
                                <span class="product-detail_buy-num_controllers_item up">▴</span>
                                <span class="product-detail_buy-num_controllers_item down">▾</span>
                            </div>
                        </div>
                        <div class="product-detail_stock">
                            库存
                            <span class="product-detail_stock_value">1978</span>
                            件
                        </div>
                    </td>
                </tr>
            </table>
            <div class="product-form">
                <a href="#">
                    <span class="product-form_buy-now"></span>
                </a>
                <a href="#">
                    <span class="product-form_shopping-cart"></span>
                </a>
            </div>
        </div>
        </div>
    </div>
</div>

<!-- index -->
<div class="main body clearfix">
    <div class="left main_left">
        <div class="sort">
            <h3 class="sort_title">宝贝分类</h3>
            <div class="sort_way">
                <div class="sort_way_title">查看所有宝贝</div>
                <span class="sort_way_item">
                    <a href="#">按销量</a>
                </span>
                <span class="sort_way_item">
                    <a href="#">按新品</a>
                </span>
                <span class="sort_way_item">
                    <a href="#">按价格</a>
                </span>
            </div>
            <div class="sort_type">
                <div class="sort_type_title">某某系列1</div>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列1</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列2</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列3</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列4</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列5</a>
                </span>
            </div>
            <div class="sort_type">
                <div class="sort_type_title">某某系列2</div>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列1</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列2</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列3</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列4</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列5</a>
                </span>
            </div>
            <div class="sort_type">
                <div class="sort_type_title">某某系列3</div>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列1</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列2</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列3</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列4</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列5</a>
                </span>
            </div>
            <div class="sort_type">
                <div class="sort_type_title">某某系列4</div>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列1</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列2</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列3</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列4</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列5</a>
                </span>
            </div>
            <div class="sort_type">
                <div class="sort_type_title">某某系列5</div>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列1</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列2</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列3</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列4</a>
                </span>
                <span class="sort_type_item">
                    ·
                    <a href="#">某某子系列5</a>
                </span>
            </div>
        </div>
        <!-- start Ad -->
        <div class="sort-ad">
            <div class="sort-ad_item">
                <img src="img/三笑优品2_07.png" alt=""></div>
            <div class="sort-ad_item">
                <img src="img/三笑优品2_07.png" alt=""></div>
        </div>
    </div>
    <!-- end Ad -->
    <div class="content">
        <div class="content_ad">
            <img src="img/三笑优品_30.png" alt=""></div>
        <div id="product_info" class="product_info">
            <!-- 商品的详细信息 -->
        </div>
    </div>
</div>
<iframe src="_footer.html" scrolling="no" frameborder="0" style="height:345px;width:100%"></iframe>
</body>
</html>